

/*
 * reset
 */
body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #393a45;
	font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif
}

input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: middle
}

body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {
	margin: 0
}

ol, ul, menu {
	padding-left: 0;
	list-style-type: none
}

a, input, select, textarea {
	outline: none;
	star: expression(this.onFocus=this.blur());
}

/*禁止点击时出现蓝色区域*/
a {
	outline: 0;
	color: #000;
	text-decoration: none;
	font-family: "微软雅黑"
}

a:hover {
	color: #af302d
}

b, i {
	font-style: normal
}

input, b, h1, img, span, *:before, *:after, .arrs, .mask2, a.cateMore, .media-box h5,.media-box p {
	-moz-transition: all ease-in-out 0.35s;
	-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}

/*animate*/
@keyframes rightOpacityShow {
	0% {
		transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		transform: translateX(20px);
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateYOpacityAn {
	0% {
		-moz-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-moz-transform: translateX(20px);
	}

	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rotateYOpacityAn {
	0% {
		-webkit-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-webkit-transform: translateX(20px);
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-o-keyframes rotateYOpacityAn {
	0% {
		-o-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-o-transform: translateX(20px);
	}

	100% {
		-o-transform: translateX(0);
		opacity: 1;
	}
}

/*
 * common
 */
.page {
	overflow: hidden;
}

.wow {
	visibility: hidden;
}

.opc0 {
	opacity: 0;
}

.clear {
	*zoom: 1;
}

.clear:before, .clear:after {
	content: "";
	display: table;
}

.clear:after {
	clear: both;
}

.dib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.btn {
	cursor: pointer;
}

.hide {
	display: none;
}
.text-over1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.text-over2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text-over3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*header*/
.header {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	z-index: 1000;
}
.header .navWrap {
	background: rgba(255,255,255,0.85);
	position: relative;
}
.header .navWrap::after{
	content: "";
	clear: both;
	display: block;
}
/*sublogo*/
.sublogo {
	background: #0c6fd4;
	color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 1em 5em 1em 1em;
}

.sublogo:before {
	display: block;
	content: '';
	width: 40px;
	height: 100%;
	position: absolute;
	background: #0c6fd4;
	right: 100%;
	top: 0
}

.sublogo:after {
	display: block;
	content: '';
	position: absolute;
	background: #0c6fd4;
	height: 100%;
	width: 80px;
	transform: skewX(-30deg);
	top: 0;
	right: 0;
	margin-right: -40px
}

/* animite*/
.header {
	transition: bottom .5s, background .5s, height .5s, top .5s, line-height .5s;
}

.header * {
	transition: all .5s;
}
@media screen and (min-width:1024px) {
	.logo a{
		display: block;
		line-height: 95px;
	}
}
/*@media screen and (min-width:1024px) {
	.header.header-min .wrap {
	}

	.header.header-min .logo, .header.header-min .navBox {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.header.header-min .logo {
		height: 90px;
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	.header.header-min .nav_transform1 ul.navCont li.child a {
		line-height: 90px;
	}

	.header.header-min .navWrap:before {
		opacity: 0
	}

	.header.header-min .sublogo {
		opacity: 0
	}
}
*/

/*TOP*/
.bar {
	background: #333333;
	color: #cccccc;
	position: relative;
	clear: both;
	line-height: 36px;
	overflow: hidden;
	font-size: 12px;
	font-weight: lighter;
	border-bottom: 1px solid #e5e5e5
}

.bar a {
	color: #cccccc;
}

.bar ul li {
	float: left;
	font-size: 12px
}

.bar ul li i.split {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 9px;
	background: #8d8d8d;
	margin: 0 4px
}
.head-right{ 
	width: 77%;
	float: left;

	height: 95px;
	position:relative;
 }
 
/* LOGO */
.logo {
	float: left;
	width: 22%;
	height: 95px;
	z-index: 2;
	position: relative;
	margin: 0;
	text-align: center;

}

.logo img {
	vertical-align: middle;
	max-height: 100%
}

.logo:after {
	display: none;
	content: '';
	width: 1px;
	height: 68px;
	background-color: #e1e1e1;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -34px
}

.htel {
	width: 10%;
	float: right;
	height: 90px;
	padding-right: 2%;
	color: #676767
}

/* 导航按钮 1*/
.wapNavBtn {
	position: absolute;
	top: 16px;
	right: 5px;
	display: none;
	width: 24px;
	font-size: 24px;
	cursor: pointer;
	animation: transform .6s ease-in-out 0s both;
	-moz-animation: transform .6s ease-in-out 0s both;
	-webkit-animation: transform .6s ease-in-out 0s both;
	-o-animation: transform .6s ease-in-out 0s both;
	z-index: 99
}

.wapNavPointer {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer;
}
/* 导航按钮2*/
button.nav-trigger {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 20;
	height: 60px;
	width: 50px;
	margin-top: -30px;
	padding: 0 12px;
	background: 0 0;
	border: 0;
	outline: 0
}

.nav-trigger {
	transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
	transition: transform .3s cubic-bezier(.86,0,.07,1)
}

.nav-icon {
	position: relative;
	top: 2px;
	right: inherit;
	display: block;
	width: 26px;
	height: 2px;
	background-color: #333;
	border-radius: 2.5rem;
	transition: all .3s
}

.nav-icon:after,.nav-icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	height: 2px;
	width: 100%;
	border-radius: 2.5rem;
	background-color: #333;
	transition: all .3s
}

.nav-icon:before {
	top: 7px
}

.nav-icon:after {
	top: -7px
}
/*.navigation-is-visible .nav-trigger{-webkit-transform:translate3d(84vw,0,0);transform:translate3d(84vw,0,0)}*/
.navigation-is-visible .nav-icon {
	background-color: transparent!important
}

.navigation-is-visible .nav-icon:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
	background-color: #fff
}

.navigation-is-visible .nav-icon:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	background-color: #fff
}
.toptxt1{
	font-size: 14px;
	color: #333;
	line-height: 39px;
	float: left;
	width: 50%;
	text-align: center;
}
.toptxt2{
	font-size: 14px;
	color: #fff;
	line-height: 39px;
	float: left;
	background: #0354b0;
	width: 50%;
	text-indent: 20px;
	position: relative;
}
.toptxt2:after{
	content: '';
	height: 39px;
	background: #0354b0;
	position: absolute;
	left: 98%; 
	top: 0;
	width: 100%;
	z-index: 9999;
}

/*导航2*/
.navBox {
	width:100%;
	float: right;
}

.nav_transform1 {
	position: relative;
}

.nav_transform1 .navTop {
	position: absolute;
	top: 0px;
	display: none;
	height: 4px;
	background: #00aa3a;
	z-index: 2
}

.nav_transform1 .navTop {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.nav_transform1 ul.navCont {
	font-size: 16px;
	/* margin-top: 20px; */
}

.nav_transform1 ul.navCont li.child {
	position: relative;
	float: left;
	width: 11.1%;
	text-align: center;
}
.nav_transform1 ul li:hover a p {
	color: #eb1239;
}
.nav_transform1 ul.navCont li.child.last {
	margin-right: 0
}

.nav_transform1 ul.navCont li.child a {
	display: block;
	line-height: 95px;
	transition: initial;
	color: #000;

	text-transform: uppercase;

}
.nav_transform1 ul.navCont li.child a .en{
	font-size: 10px;
	display: none;
}
.nav_transform1 ul.navCont li.child a:hover,.nav_transform1 ul.navCont li.child.cur a {
	color: #000
}



.nav_transform1 ul.navCont li.child.last a:after {
	display: none;
}

.nav_transform1 ul.navCont li.child a span {
	transition: initial;
	padding: 5px 0;
}

.nav_transform1 ul.navCont li.child a.cur span {
	border-bottom: 3px solid #ff9c01;
}

/*二级*/
.nav_transform1 ul.navCont li.child .childcont {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 999;
}

.nav_transform1 ul.navCont li.child .childcont li a {
	font-size: 14px;
	background-color: #a3070b;
	color: #fff;
	padding: 10px 0;
	line-height: 1.8!important
}

.nav_transform1 ul.navCont li.child .childcont li a:after {
	display: none;
}

.nav_transform1 ul.navCont li.child .childcont li a:hover {
	background: #fff;
	color: #000
}
.ny-banner{
	clear: both;
	background-image: url(../img/ny-banner.jpg)  no-repeat; 
	background-size: cover;
	
}
.ny-bg{
	clear: both;
	background: url(../img/ys_bg.jpg) repeat;
	overflow: hidden;
}
.info-bar1{
	clear: both;
	background: #FFF;
	padding: 50px;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 50px;
}
    .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        width: 100%;
        height: 400px;
    }
    .gallery-top .swiper-slide{
        clear: both;
       
        width: 99%;
        height: 99%;
	}
.info-main .info-preview{
	border:1px solid #ccc;
}



    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
.ny-box{
	clear: both;
	padding: 50px 0;
	overflow: hidden;
}
.ny-content{
	padding: 0;
	font-size: 16px;
	line-height: 34px;
	clear: both;
	overflow: hidden;
}
.ny-left{
	clear: both;
	max-width: 1400px;
	margin: -40px auto 0 auto;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 888;
}
.ny-left a{
	color: #FFF;
	font-size: 16px;
	background: #ab8754;
	line-height: 40px;
	text-align: center;
	margin-bottom: 15px;
	margin-right:10px;
	padding: 10px 35px;
	white-space: nowrap;
}
.slide_nav{
	display: none;
}
.ny-left .in-left{
	padding: 0;

}
.video-box{
	/* max-width: 590px; height: 300px; margin: 0 auto; clear: both; */
	text-align: center;
	padding: 50px 0px;
	
}
.ny-left .in-left ul{
	padding: 0;
}
.prodect-Info .info-center .infoCenter-left{
	width: 80% !important;
	float: left;
}
.infoCenter-left .in-left .ch{
	padding: 0;
}
.info-main-rig .title{
	font-size: 24px;
	font-weight: bold;
	line-height: 48px;
}
.info-main-rig .title2{
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-bottom: 30px;
}
.info-main-rig .info{
	color: #333;
	line-height: 1.5;
	font-size: 16px;
}
.de-list{
	clear: both;
	margin: 30px auto;
}
.de-list .list-item{
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	margin: 10px 0;
}
.order-btn{ 
	width: 50%;
	max-width: 230px;
	height: 50px;
	display: block;
	float: left;
	background:#2c2b42;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
 }
 .order-mobile{
 	width: 50%;
 	max-width: 230px;
	height: 50px;
	display: block;
	float: left;
	background:#f11700;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
 }
 .order-mobile a{
 	color: #FFF;
 }
 .order-btn a{
	 color: #FFF;
	 display: block;
 }
 .infoCenter-right{
 	clear: both;
 	padding: 30px;
 	box-sizing: border-box;

 }
  .infoCenter-right .center-title {
  	clear: both;
 	border-bottom: 1px solid #CCC;
 	position: relative;
 }
  .infoCenter-right .center-title .mobile{
  	font-size: 18px;
  	font-weight: bold;
  	color: #000;
  	float: right;
  	line-height: 60px;
  }
  .infoCenter-right .center-title .mobile a{
  	color: #f11700;
  }
 .infoCenter-right .center-title .en{
 	text-transform: uppercase;
 	font-size: 24px;
 	color: #2c2b42;
 	margin-right: 10px;
 	font-weight: bold;
 }
 .infoCenter-right .center-title .ch{
	font-size: 24px;
	color: #000;
	line-height: 60px;
 }
 .infoCenter-right  .center-content{
 	clear: both;
 	box-sizing: border-box;
 	padding: 30px 0;
 	font-size: 16px;
 	line-height: 2;
 }
/*foot*/
.bodybottom{
	background: #061216;
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #575757;
}
.footer .contact-t .text-center{
	margin-top: 1.5rem;
}
.bodybottom a{
	color: #575757;
}
.bodybottom a:hover{
	color: #fff;
}
.footer{
	background: #222222;
	padding-top: 1rem;
	padding-bottom: 1rem;
	clear: both;
	overflow: hidden;
	color: #FFF; 
	border-top: 1px solid #CCC;
}
.footer a{
	color: #8f8f8f;
}
.contact-t{
	color: #FFF;
	font-size: 18px;
	padding-left: 20px;
	text-align: center;
	padding-right: 50px;
	margin-top: 30px;
}
.copyright{
	color: #8f8f8f;
	box-sizing: border-box;
	padding-left: 50px; 
	padding-right: 20px;
}
.fr-link{}
.fr-link-t{
	color: #FFF;
	font-size: 20px;
}
.fr-link-t i{
	font-size: 20px;
	font-weight: bold;
	margin:0 10px;
}
.fr-link a{
	line-height: 2.5;
	color: #8f8f8f;
}
.bot-nav{
	margin: 30px 0;
}
.bot-nav a{
	padding: 0 30px;
	color: #FFF;
	text-align: left;
}
.bot-tel-t{
	margin-top: 30px;
	font-size: 16px;
	color: #FFF;

	border-bottom: 1px solid #8f8f8f;
	padding-bottom: 4%;
	margin-bottom: 5%;
}
.bot-title{
	border-bottom: 1px solid #8f8f8f;
	padding-bottom: 4%;
	margin-bottom: 5%;
}

.bot-tel-t::before,.bot-title::before{
	content: "";
	width: 5px;
	background-color: #fff;
	display: inline-block;
	height: 18px;
	margin-right: 5%;
	vertical-align: middle;
}
.bot-tel{
	color: #FFF;
}
.bot-tel a{
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
.cmenus {
	padding:10px 0px;
	border-bottom:dashed 1px #dedede;
	line-height:1.8;
	text-align:center;
}
.cmenus a {
	font-size:14px;
	width:32.3%;
	height:32px;
	line-height:30px;
	overflow:hidden;
	border-radius:5px;
	float:left;
	background:#305bc4;
	color:#fff;
	margin:0px 1% 4px 0px;
}
.crumbs {
	line-height:60px;
	color:#888;
	text-align:left;
	margin-top:5px;
	border-top: 1px dashed #dedede;
	border-bottom:1px dashed #dedede;
	clear: both;
	margin-bottom: 10px;
}
.crumbs i{
	padding-right: 20px;
	float: left;
}
.crumbs span {
	color:#999;
	margin-right:5px;
}
.crumbs a {
	color:#888;
}
.rig-title-over{
	line-height: 60px;
	font-weight: bold;
	font-size: 36px;
	color: #000;
	text-align: left;
	clear: both;
}
.prodect-Info{
	position: relative;
	z-index: 999;
}
/*新闻页面*/
.ul_news {
	list-style: none;
}

.ul_news li {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px dashed #dedede;
}

.ul_news li span {
	float: right;
}

#newslist {
	overflow: hidden;
}

#newslist li {
	margin-top: 15px;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}

.newslist_times {
	height: 26px;
	line-height: 26px;
	color: #999;
	font-size: 16px;
	font-family: 'MONTS';
}

.newslist_img {
	overflow: hidden;
}

.newslist_img img {
	width: 100%;
	transition: all 0.3s;
	max-height: 250px;
}

.newslistp1 {
	margin-top: 10px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 15px;
	font-weight: bold;
}

.newslistp2 {
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	color: #999;
}

.newslistp3 {
	margin-top: 5px;
	color: #d10009;
	text-transform: uppercase;
}
.newscopy {
    padding: 10px;
    font-size: 12px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    line-height: 18px;
    box-sizing: border-box;
    clear: both;
    margin: 30px auto;
}
.page_Title {
	font-size: 22px;
	text-align: center;
}

.page_Info {
	height: 36px;
	line-height: 36px;
	margin-top: 15px;
	color: #666;
	text-align: center;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
}
.page_Infoleft {
	padding-left: 30px;
}

.page_Content {
	margin: 15px auto 0px;
	line-height: 2;
	padding: 10px;
}
.page_Infoleft i {
	margin-right: 5px;
}

#picUL li {
	margin: 10px 0px;
}

#proUL li {
	margin: 15px 0px;
}

#company_main {
	margin-top: 30px;
}

.contact-list {
	margin-top: 30px;
}
.contact-list ul{
	margin: 20px auto;
	text-align: center;
}
.contact-list ul li {
	font-size: 20px;
}
.webname{
	font-size: 24px;
	font-weight: bold;
}
.morder {
	margin-top: 35px;
}

.morder_InputText {
	height: 48px;
	line-height: 48px;
}

.morder_InputText1 {
	height: 48px;
	line-height: 48px;
}

.morder_captcha {
	height: 48px;
	line-height: 48px;
}

.morder_But {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.ny-pic{
	width: calc(100% - 2px );
	margin: 0 auto;
	background: #efefef;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	border: 1px solid #efefef;	

}
.ny-pic .pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.ny-pic .pic img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.ny-pic a{
	clear: both;
	width: 100%;
	height: 100%;
}
.ny-pic .img{
	clear: both;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.pic-li li{
	margin-bottom: 50px;
}
.pic-li li .title{
	clear: both;
	background: #FFF;
	color: #000;
	text-align: center;
	padding: 10px 0;
}
.pic-li li .title div{
	font-weight: normal;
	width: 100%;
}
.pic-li li .title .tel{
	color: #fff;
	font-weight: bold;
	background: #cd0b06;
	font-size: 20px;
	display: none;
}
.pic-li li:hover .ny-pic .pic img{
	transform: scale(1.2);
}
#dituContent{
	clear: both;
	width: 100%; 
	height: 500px;
}
.mes-form{
	clear: both;
	display: block;
    width: 80%;
    padding: 0 10px;
    line-height: 38px;

}
.mes-form .form-tr input {
    display: block;
    width: 80%;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
}
 .mes-form .form-tr {
    overflow: hidden;
    margin-bottom: 20px;
}
.mes-form .form-tr textarea {
    display: block;
    width: 80%;
    padding: 5px 10px;
    height: 168px;
    border: 1px solid #e6e6e6;
}
.mes-form .form-tr .code{ 
	width:30%;
	float: left;
 }
.mes-form .form-tr .code input{
	float: left;
}
.mes-form .form-tr .code  .verify{
	float: left;
}
/* 通用 */
input::-webkit-input-placeholder { color:#ccc; }
input::-moz-placeholder { color:#ccc; } /* firefox 19+ */
input:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }

/* webkit专用 */
input::-webkit-input-placeholder { color:#ccc; }

/* mozilla专用 */
input::-moz-placeholder { color:#ccc; }
.mes-form .form-tr .submit {
    margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #a2242d;
    color: #fff;
    font-size: 15px;
}

.page_img{
	clear: both;
	text-align: center;
	margin: 30px auto;
	max-width: 60%;
}
.mobile-bar{
	display: none;
}
.bot-title{
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 27px;
}

.newsPage{
    margin: 40px 0;
    overflow: hidden
}

.newsPage>div:first-child{
    float: left
}

.newsPage>div:last-child {
    float: right
}
.no-goods{
	text-align: center;
}
.pic-li li .title h3{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ny-left ul li{
	display: inline-block;
	margin-bottom: 20px;
}
@media (max-width:1480px){
	.header{top: 5px;}
}
.visible-midd,.visible-smal{
	display: none;
}
@media only screen and (max-width:64em){
	.visible-midd{
		display: block;
		text-align: center;
	}
	.show-t .ch{text-align: center;float: none!important;}
}
@media only screen and (max-width:40em){
	.visible-smal{
		display: block;
		text-align: center;
	}
}


@media (max-width:1025px){
	.full-row .js-mh{
		width: 100%!important;
	}
}
@media (min-width:765px) and (max-width:1025px){
	.logo a{
		display: block;line-height: 100px;
	}
}
@media (max-width:765px){
	.mes-form{width: 100%;}
	.mes-form .form-tr input{width: 90%;}
	.mes-form .form-tr textarea{width: 90%;}
}